body {
  background-color: #fff; }

.wrap {
  height: 100%;
  width: 100%; }
  .wrap .nav {
    padding: 12px;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    align-items: center; }
    .wrap .nav .nav-item {
      cursor: pointer;
      font-size: 14px;
      height: 30px;
      line-height: 30px; }
      .wrap .nav .nav-item:hover {
        color: #1573f4; }
      .wrap .nav .nav-item:not(:last-child):after {
        font-size: 18px;
        content: "/";
        padding: 0 6px; }
      .wrap .nav .nav-item:last-child {
        color: #1573f4; }
  .wrap .container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex; }
    .wrap .container .aside {
      width: 500px;
      border-right: 1px solid #d8d8d8; }
      .wrap .container .aside .item-wrap .item {
        display: flex;
        align-items: center;
        padding: 10px;
        transition: background-color .3s ease;
        cursor: pointer; }
        .wrap .container .aside .item-wrap .item img {
          padding-left: 8px;
          height: 30px;
          width: 30px;
          margin: 0 6px; }
        .wrap .container .aside .item-wrap .item:hover {
          background-color: #fafafa; }
        .wrap .container .aside .item-wrap .item:not(:last-child) {
          border: 1px solid #d8d8d8; }
        .wrap .container .aside .item-wrap .item .check {
          width: 20px;
          height: 20px;
          border-radius: 1px;
          border: 1px solid #d8d8d8; }
        .wrap .container .aside .item-wrap .item .txt {
          font-size: 15px;
          flex: 1; }
      .wrap .container .aside .item-wrap .check-item {
        background-color: #64b5ff;
        color: #fff; }
        .wrap .container .aside .item-wrap .check-item:hover {
          background-color: #64b5ff; }
        .wrap .container .aside .item-wrap .check-item .check {
          background: url("radio.png") no-repeat center #fff;
          background-size: 18px; }
    .wrap .container .content {
      flex: 1; }
      .wrap .container .content .cb {
        width: 400px;
        margin: 0 auto; }
      .wrap .container .content .item {
        padding: 10px 16px; }
        .wrap .container .content .item .txt {
          display: inline-block;
          color: #7e7e7e;
          min-width: 60px; }
        .wrap .container .content .item select {
          padding: 8px;
          margin: 0 20px; }
        .wrap .container .content .item option {
          padding: 6px; }
      .wrap .container .content .btn-wrap {
        margin-top: 50px;
        padding: 10px;
        display: flex;
        justify-content: center; }
        .wrap .container .content .btn-wrap button {
          padding: 10px 50px;
          margin: 0 50px; }
